<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="jsContainer">
        <span>
            123
        </span>
        <div>
            <div>
                123
            </div>
        </div>
        <input type="text" name="kang" id="kang">
    </div>
    <script>
        // 1. 过滤子节点 （去掉没有内容的text结构）
        // 2. 生成tag
        // 3. 生成attributes属性
        // 4. 递归遍历children
        function dom2json() {
            function createObj(node) {
                    var tag = node.nodeName.
                }
                var jsContainer = document.getElementById('jsContainer');
                return createObj(jsContainer)
            }
            console.log(dom2json());
    </script>
</body>
</html>